// JavaScript Document
$(document).ready(function() {
$(".list li").hover(function(){
	$(this).children(".xingz").css("color","#be0000");
	$(this).children(".shuom").show();
	$(this).css("z-index","98");
	$(this).children(".shuom").css("z-index","99")
	$(".shuom").mouseover(function(){
		$(this).hide();
		});
        },function(){
		$(".shuom").hide();
				$(this).css("z-index","5");
	$(this).children(".shuom").css("z-index","6")
		$(".xingz").css("color","#5a5959");
		});
		//图片轮换
		var piclen=$(".banner .lipic").length;//获取图片页数
		var qhbqy={"width":"64px","height":"11px","float":"right","marginRight":"20px","marginTop":"13px"};//定义切换图片区域样式,其宽度等于qhbnt个数乘以qhbnt宽度加左右边距，高度等于qhbnt高度加上下边距。
		var qhbnt={"background":"url(images/qhbnt.png)","width":"11px","marginLeft":"5px","height":"11px","float":"left"};//定义切换图片按钮样式
		var qhbntc={"background":"url(images/qhbnt.png)","backgroundPosition":"-11px 0","width":"11px","marginLeft":"5px","height":"11px","float":"left"};//定义切换图片按钮点中样式
		var TXT=new Array();//说明文字数组，链接和html中的图片链接相同，为应用详细页
		TXT[0]="<span><a href='http://www.baidu.com'>国内最漂亮的天气预报软件</a><input type='button' value='立即下载'></span>"
		TXT[1]="<span><a href='http://www.163.com'>生活中的手机，手机中的生活</a><input type='button' value='立即下载'></span>"
		TXT[2]="<span><a href='http://www.qq.com'>据说是唯一能打败QQ的即时聊天工具</a><input type='button' value='立即下载'></span>"
		TXT[3]="<span><a href='http://www.sina.com'>最好用的全能免费翻译工具</a><input type='button' value='立即下载'></span>"
		var ljxzb={"overflow":"hidden","float":"left","marginLeft":"10px","marginTop":"5px","border":"none","width":"78px","height":"25px","color":"#fff","textAlign":"center","background":"url(images/ljxz.png)","font-weight":"bold"};//立即下载按钮样式
		var ljxzbh={"overflow":"hidden","float":"left","marginLeft":"10px","marginTop":"5px","border":"none","width":"78px","height":"25px","color":"#fff","textAlign":"center","background":"url(images/ljxz_h.png)","font-weight":"bold"};//立即下载鼠标移动到按钮样式
		var BNTURL=new Array();//立即下载按钮链接
		BNTURL[0]="http://www.diandian.com"
		BNTURL[1]="http://www.yahoo.com"
		BNTURL[2]="http://www.msn.com"
		BNTURL[3]="http://www.zol.com.cn"
		var i=0;//初始化图片循环为开始第一张
		$(".banner .lipic").fadeOut("fast");//初始化所有图片层级
		$(".banner .lipic:eq(0)").fadeIn("fast");//初始设定第一张图片层级最高（显示第一张图片）
		$(".tsbg li:eq(0)").css(qhbntc);//初始设定第一个按钮点中
		$(".tsbg").prepend(TXT[0]);//初始文字说明内容和链接
		$(".tsbg span input").click(function(){//初始化立即下载按钮链接
			window.open(BNTURL[0]);
			});
				$(".tsbg span input").live('mouseover mouseout',function(){//定义文字说明鼠标移上去效果
			if (event.type == 'mouseover'){$(this).css(ljxzbh)}else{$(this).css(ljxzb)}
				});
		$(".tsbg li").mouseover(function(){//定义点击按钮图片切换
			$(".tsbg li").css(qhbnt);
			$(".banner .lipic").fadeOut("fast");
			$(".tsbg span").remove();
			i=($(".tsbg li").index(this));
			$(this).css(qhbntc);
			$(".banner .lipic:eq("+i+")").fadeIn(400);
			$(".tsbg").prepend(TXT[i]);
			$(".tsbg span input").click(function(){//初始化直接下载按钮链接
			window.open(BNTURL[i]);
			});
			});
function dizen(){//定义图片自动播放
	i++;
	if(i==4){i=0};
	$(".tsbg li").css(qhbnt);
	$(".banner .lipic").fadeOut("fast");
	$(".tsbg span").remove();
	$(".tsbg li:eq("+i+")").css(qhbntc);
	$(".banner .lipic:eq("+i+")").fadeIn(400);
	$(".tsbg").prepend(TXT[i]);
	$(".tsbg span input").click(function(){//初始化直接下载按钮链接
			window.open(BNTURL[i]);
			});
	};
	setInterval(dizen,4000);//定义自动轮换速度
	});